<script setup lang="ts">
let info = "hello world"
let money = 200
let innerHtml = '<span>hello</span> <input type="text" name="username"/>'
</script>
<template>
    <div class="parent">
        <h1>hello,this is parent componnents</h1>
        <h1>{{ info }}</h1>
        <h1>{{ money }}</h1>
    </div>
    <!-- loop -->
    <ul>
        <li v-for="(item,index) in [1,2,3]" :key="index">{{ item }}</li>
    </ul>
    <!--vhtml-->
    <div v-html="innerHtml"></div>
</template>
<style scoped>
ul {
    background: rgb(239, 237, 237);
}
.parent{
    height: 600px;
    width: 600px;
    border: 1px solid red;
}
</style>

